<template>
  <UserOption></UserOption>
  <!-- 裁判 -->
  <TheReferee v-if="role==='3'"></TheReferee>
   <!-- 专家组组长 -->
  <ExpertRole v-if="role==='4'"></ExpertRole>
  <!-- 学生 -->
  <StudentRole v-if="role==='2'"></StudentRole>
</template>

<script>
import { defineComponent, reactive, toRef, toRefs,ref } from "vue";
import TheReferee from "@/components/match/TheReferee.vue";
import ExpertRole from "@/components/match/ExpertRole.vue";
import StudentRole from "@/components/match/StudentRole.vue";
export default defineComponent({
  name: "Match",
  components: {
    TheReferee,
    ExpertRole,
    StudentRole,
  },
  setup() {
    //通过角色判断加载那个模块
    let role = ref(sessionStorage.getItem('role'))
    let State=reactive(
      {
        AllformInline:[],
      }
    )
    return {
      role,
      State
    };
  },
});
</script>
<style lang="less">

</style>
